<template>
	<div id="app">
		<router-view></router-view>
		<div class="weui-mask" v-if="loginTips">
			<div class="weui-dialog">
				<div class="weui-dialog__hd"><strong class="weui-dialog__title">提示</strong></div>
				<div class="weui-dialog__bd">该功能未付费功能，需缴费后才能使用</div>
				<div class="weui-dialog__ft">
					<div href="javascript:" class="weui-dialog__btn weui-dialog__btn_primary" @click="$router.push('/addChildren')">去注册</div>
					<div href="javascript:" class="weui-dialog__btn weui-dialog__btn_default" @click="loginTips=false">取消</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'App',
		data() {
			return {
				payTips: false,
				isPay: false,
				loginTips: false,
			}
		},
		watch: {
			'$route'(to, from) {
				this.$Cookies.set('query', from.query);
				this.$Cookies.set('from', from.path);
				this.$Cookies.set('to', to.path);
			}
		},
		beforeCreate() {

		},
	}
</script>

<style>
	#app {
		font-family: 'Avenir', Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #2c3e50;
		height: 100%;
		background: #fafafa;
		font-size: 14px;
	}
</style>
